body {
    margin: 0; padding: 0;
    font: 10px normal Arial, Helvetica, sans-serif;
    background: #ddd url(../images/body_bg.gif) repeat-x;
}
.container {
    width: 960px;
    margin: 0 auto;
	/*position: relative;*/ /* cambie por inherit, ojo! */
    position: inherit;
}
#header {
    background: url(../images/header_bg.gif) no-repeat center top;
    padding-top: 120px;
}
#header .disclaimer {
    color: #999;
    padding: 100px 0 7px 0;
    text-align: right;
    display: block;
    position: absolute;
    top: 0; right: 0;
}
#header .disclaimer a { color: #ccc;}
ul.topnav {
    list-style: none;
    padding: 0 20px;    
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
    float: left;
    margin: 0;  
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a:hover{
    background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
    margin: 20px 0 10px;
}

/* #################################################### 
# MISC
####################################################### */

/* CLEARS */
.clear { clear: both; display: block; float: none; }
.clearleft { clear: left; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* FLOATS */
.floatleft { clear: left; float: left; }
.floatright { clear: right; float: right; }
.floatnone { clear: both; display: block; float: none; }

/* TYPOGRAPHY */
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }

/* IMAGES */
.alignmiddle { vertical-align: middle; margin: 0 5px; }
.valignmiddle { vertical-align: middle; }
.valignbottom { margin-right: 5px; vertical-align: bottom; }
 
 /* DISPLAY */
.invisible { visibility: hidden; }
.hidden { display:none; }

 /* HORIZONTAL RULES */
hr { border: none; border-bottom: 1px solid #d8d7d7; clear: both; display: block; float: none; padding: 10px 0; }
hr.dotted { border: none; border-bottom: 2px dotted #d8d7d7; clear: both; display: block; float: none; padding: 10px 0; }
.settings-wrap hr, #testQuestionsTab hr { margin: 0; padding: 0; }

/* #################################################### 
# BUTTONS
####################################################### */

.buttons { display: block; margin: 5px 0; }
.save-button { display: block; margin: 10px auto; text-align: center; }

.button, .button:visited { background: #666 repeat-x; border: none; color: #fff !important; cursor: pointer; display: inline-block; margin: 0 5px 0 0; padding: 5px 10px 6px; position: relative; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
						   border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
						   box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
						   filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
						   -moz-transition: background-color 0.25s ease-in; -webkit-transition: background-color 0.25s linear; }

	.button:hover { background-color: #333; text-decoration: none; }
	.button:active { top: 1px; }

	.tiny.button, .tiny.button:visited { font-size: 1em; padding: 3px 10px 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; }
	.small.button, .small.button:visited { font-size: 1.8em; box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; }
	.medium.button, .medium.button:visited, .button, .button:visited { font-size: 2.4em; line-height: 1; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
	.large.button, .large.button:visited { font-size: 3.2em; padding: 10px 18px 11px; font-weight: normal; }
	
	.blue.button, .blue.button:visited { background: #2a8fb1 ; }
		.blue.button:hover { background-color: #01749c; }
	.orange.button, .orange.button:visited { background: #fbb239  repeat-x; border: 1px solid #fcc56b; text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.25s linear; }
		.orange.button:hover { background-color: #faa61a; }
	.grey.button, .grey.button:visited { background: #d8d7d7 ; color: #858585; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
		.grey.button:hover { background-color: #e2e2e2; }

	a.button { line-height: 1.4em !important; }

	.next-btn, .next-btn:visited, .back-btn, .back-btn:visited { color: #fff; display: block; font-size: 2.4em; height: 34px; margin: 20px 0; padding: 5px 0 0; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); width: 98px; }
	.next-btn, .next-btn:visited { background: url(../Images/Buttons/next-arrow-bg.png) no-repeat; }
	.back-btn, .back-btn:visited { background: url(../Images/Buttons/back-arrow-bg.png) no-repeat; }
	
/* #################################################### 
# webkit
####################################################### */
	
	::-webkit-validation-bubble {
	font-weight: 200;
}
::-webkit-validation-bubble-arrow {
 border: 1px solid #E6C700;
 background: #FAF1B4;
 margin-bottom:6px;
 padding: 2px;
}
::-webkit-validation-bubble-message {
 border: 1px solid #E6C700;
 background: #FAF1B4;
 padding: 0.5em 1em;
 margin-top: 3px;
}

/*form label { color: #858585; float: left; font-size: 1.3em; text-align: left; width: 150px; }*/
		 label { color:#858585; font-size: 1.1em; font-weight:bold; float: left; text-align: left; text-shadow: 0 1px 1px rgba(255,255,255,1); }
/* 		form label.two-line { width: 100%;margin-bottom:5px; } */
		
/* 		form fieldset fieldset label { background:none no-repeat left 50%; line-height: 20px; padding: 0; width: auto; } */
/* 			form fieldset fieldset label:hover { cursor: pointer; } */
	
